/* 导航条 */
.jd_nav {
    width: 100%;
    height: 150px;
    background-color: rgba(255, 255, 255,1);
    position: relative;
}
.jd_nav > ul > li { 
    float: left;
    width: 25%;
    height: 70px;
    /* margin-top: 15px; */
}
.jd_nav > ul > li > a {
    width: 60px;
    height: 50px;
    display: block;
    margin: 0 auto;
}  
.jd_nav > ul > li p{
    margin-left: -5px;
}
.jd_nav > ul > li:nth-of-type(1) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_1.png) no-repeat;
    background-size: auto 80%;
}
.jd_nav > ul > li:nth-of-type(2) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_2.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(3) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_3.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(4) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_4.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(5) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_5.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(6) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_6.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(7) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_7.png) no-repeat;
    background-size: auto 85%;
}
.jd_nav > ul > li:nth-of-type(8) div {
    height: 100%;
    width: 100%;
    background: url(../img/nav_8.png) no-repeat;
    background-size: auto 85%;
}


